<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="utf-8">
    <title>accordion - easyui demo</title>
    <link rel="stylesheet" href="/js/lib/jeasyui/themes/gray/easyui.css">
    <link rel="stylesheet" href="/js/lib/jeasyui/themes/icon.css">
</head>

<body>
    <div id="aa" class="easyui-accordion" style="width:300px;height:200px;">
        <div title="Title1" data-options="iconCls:'icon-save'" style="overflow:auto;padding:10px;">
            <h3 style="color:#0099FF;">Accordion for jQuery</h3>
            <p>Accordion is a part of easyui framework for jQuery. It lets you define your accordion component on web page more easily.</p>
        </div>
        <div title="Title2" data-options="iconCls:'icon-reload',selected:true" style="padding:10px;">
            content2
        </div>
        <div title="Title3">
            content3
        </div>
    </div>
    <button type="button" id="btn-add">添加</button>
    <script src="/js/lib/jeasyui/jquery.min.js"></script>
    <script src="/js/lib/jeasyui/jquery.easyui.min.js"></script>
    <script src="add.js"></script>
</body>

</html>